<template>
	<section>
		<main>
			<mt-header fixed title="新手引导">
				<mt-button slot="left" icon="back" @click="goBack"></mt-button>
			</mt-header>
			<section class="video mt40">
				<iframe height="auto" width="100%" src='http://player.youku.com/embed/XMzc0MDIzODc1Ng==' frameborder=0 allowfullscreen="true"></iframe>
		    </section>
		    <section class="noob">
		        <div class="top">
		            <h1 class="tc lh50 mt30" style="font-size:28px;">简单几步轻松理财</h1>
		        </div>
		        <ul>
		          <li class="tc mt20">
		              <h3 class="tc lh30 fs16"><span class="dbi tc">1、</span>进入首页，选择【模拟交易】</h3>
		              <img :src="img1" width="80%" alt="">
		          </li>
		          <li class="tc mt20">
		              <h3 class="tc lh30 fs16"><span class="dbi tc">2、</span>选择交易品种，如【小纳指】</h3>
		              <img :src="img2" width="80%" alt="">
		          </li>
		          <li class="tc mt20">
		              <h3 class="tc lh30 fs16"><span class="dbi tc">3、</span>判断行情并选择喜好的投资方式</h3>
		              <img :src="img3" width="80%" alt="">
		          </li>
		          <li class="tc mt20">
		              <h3 class="tc lh30 fs16"><span class="dbi tc">4、</span>选择好手数、止盈止损，点击确认</h3>
		              <img :src="img4" width="80%" alt="">
		          </li>
		          <li class="tc mt20">
		              <h3 class="tc lh30 fs16"><span class="dbi tc">5、</span>选择追单、平仓，可以一键平仓</h3>
		              <img :src="img5" width="80%" alt="">
		          </li>
		        </ul>
		        <div class="tc mt20" style="display: none;">
		            <img :src="hand" width="200" alt="">
		        </div>
		        <p class="bgred lh50 tc white mt30 fs14">温馨提示：金币不足时，可免费领取金币</p>
		    </section>
		</main>
	</section>
</template>
<script>

import axios from 'axios'
import {MessageBox,Toast,Indicator} from 'mint-ui'

export default {
	name: "Noob",
	data () {
		return {
			img1: "./static/imgs/step1.png",
			img2: "./static/imgs/step2.png",
			img3: "./static/imgs/step3.png",
			img4: "./static/imgs/step4.png",
			img5: "./static/imgs/step5.png",
			hand: "./static/imgs/hand.png",
		}
	},
	created () {
		
	},
	methods : {
		goBack () {
			window.history.length > 1 ? this.$router.go(-1) : this.$router.push('/');
		}
	},

}
</script>
<style scoped>
	.video iframe{
		width: 100%;
		height: auto;
	}
	
	ul img{
		width: 200px;
		margin-left: -60px;
		margin-top: 10px;
	}

</style>
